<!DOCTYPE html>

<html class="no-js css-menubar" lang="zh-cn">

	<head>
		<title>角色列表</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 移动设备 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
		<meta name="author" content="admui.com">
		<meta name="mobile-web-app-capable" content="yes">
		
		<!-- 样式 -->
		<link rel="stylesheet" href="../public/themes/classic/global/css/bootstrap.css">
		<link rel="stylesheet" href="../public/fonts/font-awesome/font-awesome.css">
		<link rel="stylesheet" href="../public/themes/classic/base/css/site.css" id="siteStyle">
		<link rel="stylesheet" href="../public/fonts/web-icons/web-icons.css">
		<link rel="stylesheet" href="../public/vendor/ztree/css/metroStyle/metroStyle.css">
	</head>

	<body style="background: #f1f4f5;">
		<div class="page animation-fade page-forms" id="app">
			<div class="page-content">
				<form class="form-horizontal" id="editForm">
                    <div class="col-sm-5">
	                    <div class="form-group">
	                        <label class="col-sm-3 col-xs-3 text-right control-label">角色名称：</label>
	                        <div class="col-sm-8 col-xs-7">
	                            <input class="form-control" id="roleName" name="roleName" v-model="role.roleName" autocomplete="off" type="text">
	                        </div>
	                    </div>
	                    <!-- <div class="form-group">
	                        <label class="col-sm-3 col-xs-3 text-right control-label">所属部门：</label>
	                        <div class="col-sm-8 col-xs-7">
	                            <input class="form-control" id="deptName" name="deptName" v-model="role.deptName" @click="deptTree" readonly autocomplete="off" type="text">
	                            <input type="hidden" id="deptId" name="deptId" class="form-control" v-model="role.deptId" placeholder="部门id"/>
	                        </div>
	                    </div> -->
	                    <div class="form-group">
	                        <label class="col-sm-3 col-xs-3 text-right control-label">备注：</label>
	                        <div class="col-sm-8 col-xs-7">
	                            <input class="form-control" name="remark" v-model="role.remark" autocomplete="off" type="text">
	                        </div>
	                    </div>
	                    <div class="form-group">
	                        <div class="col-sm-9 col-sm-offset-3 col-xs-offset-3">
	                            <button type="submit" class="btn btn-primary">提交</button>
	                            <button type="reset" class="btn btn-default btn-outline">重置</button>
	                        </div>
	                    </div>
                    </div>
                    <div class="col-sm-7">
                    	<div class="col-sm-12 col-md-12">
			                <div class="panel panel-bordered">
			                    <div class="panel-heading">
			                        <h3 class="panel-title">功能权限</h3>
			                    </div>
			                    <div class="panel-body">
			                        <ul id="menuTree" class="ztree"></ul>
			                    </div>
			                </div>
		            	</div>
		            	<div class="col-sm-6 col-md-6" style="display:none">
			                <div class="panel panel-bordered">
			                    <div class="panel-heading">
			                        <h3 class="panel-title">数据权限</h3>
			                    </div>
			                    <div class="panel-body">
			                        <ul id="dataTree" class="ztree"></ul>
			                    </div>
			                </div>
		            	</div>
                    </div>
                </form>
				
			</div>
		</div>
	<!-- 选择部门 -->
	<!-- <div id="deptLayer" style="display: none;padding:10px;">
		<ul id="deptTree" class="ztree"></ul>
	</div> -->

	<script src="../public/vendor/jquery/jquery.min.js"></script>
	<script src="../public/vendor/bootstrap/bootstrap.min.js"></script>
	<script src="../js/common.js"></script>
	<script src="../public/vendor/vue/vue.min.js"></script>
	<script src="../public/vendor/laydate/laydate.js"></script>
	<!-- ztree树形菜单 -->
	<script src="../public/vendor/ztree/jquery.ztree.all.min.js"></script>
	<!-- 表单验证 -->
	<script src="../public/vendor/validate/jquery.validate.min.js"></script>
    <script src="../public/vendor/validate/messages_zh.min.js"></script>
    <!--layer弹窗-->
	<script src="../public/vendor/layer/layer.js"></script>	
	<script src="../js/system/role-edit.js"></script>
	
	<script>
	</script>
	</body>

</html>